.wrap{
    margin-bottom: 10px;
    padding: 10px;
    color: $color-text-primary;
    @include border1px(#e7e7e7, 0 0 1px 0);
    :global(.head) {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding-left: 50px;
        margin-bottom: 10px;
        min-height: 40px;
        :global(.avatar) {
            position: absolute;
            left: 0;
            top: 0;            
        }
        :global(.name) {
            font-size: 15px;
            font-weight: 700;            
        }
        :global(.time) {
            font-size: 12px;
            color: $color-text-secondary;
        }
    }   
    
    :global(.body) {
        display: flex;        
        :global(.cover) {
            width: 80px;
            height: 80px;
            margin-right: 10px;
            &:global(-img) {
                padding-bottom: 100%;
            }
        }
        :global(.content) {
            flex: 1;
        }
    }
}